<template>
  <div class="agent-workflow-container">
    <div class="workflow-header">
      <h2>智能体工作流</h2>
      <p>智能体工作流功能开发中...</p>
    </div>
    <div class="workflow-content">
      <n-card>
        <template #header>
          <div style="display: flex; align-items: center;">
            <n-icon size="20" style="margin-right: 8px;">
              <HammerOutline />
            </n-icon>
            工作流管理
          </div>
        </template>
        <div class="workflow-placeholder">
          <n-empty description="工作流功能即将上线">
            <template #icon>
              <n-icon size="60" color="#d9d9d9">
                <HammerOutline />
              </n-icon>
            </template>
          </n-empty>
        </div>
      </n-card>
    </div>
  </div>
</template>

<script setup lang="ts">
import { NCard, NIcon, NEmpty } from 'naive-ui'
import { HammerOutline } from '@vicons/ionicons5'
</script>

<style scoped>
.agent-workflow-container {
  padding: 20px;
  height: calc(100vh - 48px);
  overflow: auto;
}

.workflow-header {
  margin-bottom: 20px;
}

.workflow-header h2 {
  margin: 0 0 8px 0;
  color: #333;
  font-size: 24px;
  font-weight: 600;
}

.workflow-header p {
  margin: 0;
  color: #666;
  font-size: 14px;
}

.workflow-content {
  max-width: 800px;
}

.workflow-placeholder {
  padding: 40px 0;
  text-align: center;
}
</style> 